@if swmmobile.css pretty {
	@external commandPanel, pressed, disabled;	
}

.commandPanel {
	display: \-webkit-box;
	\-webkit-box-orient: horizontal;
	\-webkit-box-shadow: 0px 4px 6px #666666, 0 0 20px rgba(255, 255, 255, 1);
	background: literal('-webkit-radial-gradient(circle, white, white)');
	position: relative;
	z-index: 1;
}

.commandPanel > div {
	font-size: 0.5em;
	padding: 4px;
	\-webkit-box-flex: 1;
	display: -webkit-box;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	\-webkit-box-orient: vertical;
	\-webkit-box-align: center;
	\-webkit-box-pack: center;
}

.commandPanel > div.pressed {
	text-shadow: darkgreen 0 -0.1em 0.1em;
	background: literal('-webkit-radial-gradient(circle, #53a9e8, white)');
}

/** Eventuell anpassen **/
.commandPanel > div.disabled {
	text-shadow: grey 0 -0.1em 0.1em;
}